<template>
<div class="bigbox1">
<div class="flex">
  <p class="qaz">会员卡号：</p>
  <p>会员手机号：</p>
  <p>会员等级</p>
  <p>会员余额</p>
  <p>开卡时间：</p>
  <p>会员积分：</p>
   <p>出生日期：</p>
</div>
<div class="smallbox">
    <p>{{mm.memberIdCard}}</p>
     <p>{{mm.memberPhoneNumber}}</p>
      <p>{{mm.memberVipLevelId}}</p>
       <p>暂无</p>
        <p>暂无</p>
         <p>暂无</p>
          <p>{{mm.memberBirthday}}</p>
</div>
</div>
</template>

<script>
export default {
    data(){
        return{
              mm:[]
        }
    },
   mounted() {
          this.mm = JSON.parse(this.$route.params.ss);

   },
}
</script>

<style scoped >
/* .bigbox1{
    display:flex;
}
p{
    width:200px;
    height:40px;
   margin-left:-240px;
}
span{
    height:40px;
    width:100px;
}
.flex{
    height:300px;
    width:300px;
    line-height: 50px;
    margin-top:60px;
}
.smallbox{
    margin-left:-200px;
    width:300px;
    height:300px;
    margin-top:70px;
} */
 .bigbox1 {
        display: flex;
    }

    p {
        width: 200px;
        height: 40px;
        /* margin-left:-140px; */
    }

    span {
        height: 40px;
        width: 100px;
    }

    .flex {
        height: 300px;
        width: 300px;
        line-height: 50px;
        margin-top: 60px;
        /* text-align: center; */
    }

    .smallbox {
        margin-top: 60px;
        /* margin-left:-240px; */
        width: 300px;
        height: 300px;
    }
</style>